<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>index</title>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<meta name="description" content="">
	<meta name="keywords" content="">

	<link rel="Shortcut Icon" href="images/favicon.ico">
	<link rel="stylesheet" href="images/base.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="images/index.css" type="text/css" media="screen" />

	<script type="text/javascript" src="images/jquery.js"></script>
	<script type="text/javascript" src="images/jquery.slidemenu.js"></script>
	<script type="text/javascript" src="images/jquery.innerfade.js"></script>
</head>
<body id="index">

<!-- Begin Main Wrapper -->
<div id="mainWrapper">

<!-- Begin Header -->
<div id="header">
	<div id="navTop">
		<ul>
			<li><a href="contact.shtml">Contact Us</a></li>
			<li><a href="company.shtml">About Us</a></li>
		</ul>
	</div>

	<!-- Begin Main Nav -->
	<div id="navMain">
		<div id="myslidemenu" class="jqueryslidemenu">
			<ul style="z-index: 20;">
				<li><a href="purchase.shtml">Home</a></li>
				<li><a href="prod_a7.shtml">Product Info</a></li>
				<li><a href="press.shtml">My Account</a></li>
				<li><a href="support.shtml">News</a></li>
				<li><a href="support.shtml">Support</a></li>
				<li style="border: medium none;"><a href="developers.shtml" style="border: medium none;">Forum</a></li>
			</ul>
		</div>
	</div>
	<!-- End Main Nav -->
	<a href="/">
		<img class="logo" src="images/logo.gif" alt="eLocity" />
	</a>
</div>
<!-- End Header -->

<!-- Begin Content Wrapper -->
<div id="contentWrapper">

	<!--BEGIN #slider-full-width-->
	<div style="display: block;" id="slider-full-width">
		<ul class="innerfade" id="slider-full-width-items">
			<li style="z-index: 6; position: absolute; display: none;">
			<a href="prod_a7.shtml"><img src="images/home_poster.jpg" alt="" height="380" width="970" border="0"></a>
			</li>

			<li style="z-index: 5; position: absolute; display: none;">
			<a href="prod_a7.shtml"><img src="images/home_keyboard.jpg" alt="" height="380" width="970" border="0"></a>
			</li>

			<li style="z-index: 4; position: absolute; display: none;">
			<a href="prod_a7.shtml"><img src="images/home_cam.jpg" alt="" height="380" width="970" border="0"></a>
			</li>

			<li style="z-index: 3; position: absolute; display: none;">
			<a href="prod_a7.shtml"><img src="images/home_hdmi.jpg" alt="" height="380" width="970" border="0"></a>
			</li>

			<li style="z-index: 2; position: absolute; display: none;">
			<a href="prod_a7.shtml"><img src="images/home_angle.jpg" alt="" height="380" width="970" border="0"></a>
			</li>

			<li style="z-index: 1; position: absolute; display: list-item;">
			<a href="prod_a7.shtml"><img src="images/home_sd.jpg" alt="" height="380" width="970" border="0"></a>
			</li>
		</ul>
		<div id="slider_button">
			<div class="order"><a href="purchase.shtml">Order your Tablet today</a></div>
			<!--<div class="bttnApps"><a href="freeapps.shtml">Free Apps for your</a></div>-->
		</div>
		<ul id="slider_nav">
			<li id="button_selected" class="slide_5"></li>
			<li class="slide_4"></li>
			<li class="slide_3"></li>
			<li class="slide_2"></li>
			<li class="slide_1"></li>
			<li class="slide_0"></li>
		</ul>
	</div>
	<!--END #slider-full-width-->

	<!--BEGIN slider-full-width jQuery initializer-->
	<script type="text/javascript">
	jQuery(document).ready(function(){
		jQuery("#slider-full-width").css("display", "block");
		jQuery("#slider-full-width-items").innerfade({
			animationtype: "fade",
			speed: 1000,
			timeout: 5000,
			type: "sequence",
			containerheight: "580px",
			slide_timer_on: "yes",
			slide_ui_parent: "slider-full-width-items",
			slide_ui_text: "null",
			pause_button_id: "null",
			slide_nav_id: "slider_nav"
		});
		jQuery.setOptionsButtonEvent();
	});
	</script>
	<!--END slider-full-width jQuery initializer-->
</div>
<!-- End Content Wrapper -->

<!-- Begin New Product -->
<div class="npro">
    <div class="npro_left"></div>
    <div class="npro_mid">
	<a href="javascript:;" title="上一页">
	    <div class="npro_last_nor"
		 onmouseover="javascript:this.className='npro_last_act';"
		 onmouseout="javascript:this.className='npro_last_nor';" title="上一页">

	    </div>
	</a>
	<ul class="npro_body">
	    <li>
		<img src="pic/npro_1.jpg" /><br />
		product name 1 and ba
	    </li>
	    <li><img src="pic/npro_2.jpg" /><br />
		product name 2</li>
	    <li><img src="pic/npro_3.jpg" /><br />
		product name 3</li>
	    <li><img src="pic/npro_4.jpg" /><br />
		product name 4 android</li>
	    <li><img src="pic/npro_5.jpg" /><br />
		product name 5 del</li>
	    <li><img src="pic/npro_6.jpg" /><br />
		product name 6 alid</li>
	    <li><img src="pic/npro_7.jpg" /><br />
		product name 7 nnl</li>
	    <li><img src="pic/npro_8.jpg" /><br />
		product name 8 ba</li>
	</ul>
	<a href="javascript:;" title="下一页">
	    <div class="npro_next_nor"
		 onmouseover="javascript:this.className='npro_next_act';"
		 onmouseout="javascript:this.className='npro_next_nor';" title="下一页">

	    </div>
	</a>
    </div>
    <div class="npro_right"></div>
</div>
<!-- End New Product -->

<!-- Begin Login -->
<div class="login">
    <div class="login_tit">
	<div class="ltit"></div>
	<div class="mtit">Account Login</div>
	<div class="rtit"></div>
    </div>
    <div class="login_div">
	<form name="loginForm" id="loginForm" action="" method="post">
	    <div>Account: <input type="text" name="Uaccount" id="Uaccount" class="input_text1" /></div>
	    <div>Password: <input type="text" name="Upassword" id="Upassword" class="input_text1" /></div>
	    <div>
		<input type="submit" name="handit" id="handit" class="button1" value="Sign In">&nbsp;&nbsp;
		<input type="button" name="handit" id="handit" class="button2" value="Register"></div>
	    <div><a href="#">I can't access my account</a></div>
	</form>
    </div>
</div>
<!-- End Login -->

<!-- Begin Footer -->
<div id="footer">
	<div id="credit">Created with the assistance of unili Design</div>
	<div id="copyright"><a href="privacy.html">Privacy Policy</a> | <a href="sitemap.html">Sitemap</a>
	<span style="padding-left: 20px;">Copyright &copy; 2011 365gate.com All rights reserved.</span></div>
	<!-- End Footer -->
</div>
<!-- End Main Wrapper -->
</div>
</body>
</html>
